<template>
  <Layout>
    <div class="row">
      <div class="col-12">
        <div class="page-title-box">
          <h4 class="mb-0 newstyle">
            <div style="display:flex;">
              <div class="breadcrumb-item" v-for="(item,index) in items" :key="index">
                <span @click="jump(index)">{{item.text}}</span>
              </div>
            </div>
            <div class="title_right">查看该条数据生命周期</div>
          </h4>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xl-12">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title mb-3">
              南京涌亿思信息技术有限公司
              <span>更新时间：2000-00-00</span>
            </h4>
            <div class="basicInfo">
              <span>电话：137********</span>
              <span>地址：南京市鼓楼区中山北路95号1806室</span>
              <span style="float:right;" class="pointer">立即更新</span>
            </div>
          </div>
        </div>
        <div class="card detail-content">
          <div class="card-body">
            <h4 class="card-title">工商信息</h4>
            <div class="table-responsive">
              <table class="table table-bordered mb-0">
                <tbody>
                  <tr>
                    <td class="tb">法定代表人</td>
                    <td>陆海洋</td>
                    <td class="tb">企业名称</td>
                    <td>南京涌亿思信息技术有限公司</td>
                    <td class="tb">统一社会信用代码</td>
                    <td>91320106302625727W</td>
                  </tr>
                  <tr>
                    <td class="tb">工商注册号</td>
                    <td>320106000255446</td>
                    <td class="tb">核准日期</td>
                    <td>2014-07-08</td>
                    <td class="tb">成立日期</td>
                    <td>2014-07-08</td>
                  </tr>
                  <tr>
                    <td class="tb">参保人数</td>
                    <td>0</td>
                    <td class="tb">登记状态</td>
                    <td>0</td>
                    <td class="tb">纳税人识别号</td>
                    <td>91320106302625727W</td>
                  </tr>
                  <tr>
                    <td class="tb">企业类型</td>
                    <td>有限责任公司</td>
                    <td class="tb">注册资本</td>
                    <td>650万(元)</td>
                    <td class="tb">所属行业</td>
                    <td>软件和信息技术服务业</td>
                  </tr>
                  <tr>
                    <td class="tb">经营范围</td>
                    <td colspan="5">网络信息技术服务、技术咨询、技术开发、技术转让；电子技术开发；网络工程、通讯工程施工；商务信息咨询。（依法须经批准的项目，经相关部门批准后方可开展经营活动）</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <h4 class="card-title">主要人员</h4>
            <div class="table-responsive">
              <table class="table table-bordered mb-0">
                <tbody>
                  <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>职务</th>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>陆海洋</td>
                    <td>总经理</td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>陆海洋</td>
                    <td>执行董事</td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>黄叔铭</td>
                    <td>监事</td>
                  </tr>
                  <tr>
                    <td>4</td>
                    <td>唐正英</td>
                    <td>监事</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <h4 class="card-title">股东信息</h4>
            <div class="table-responsive">
              <table class="table table-bordered mb-0">
                <tbody>
                  <tr>
                    <th>序号</th>
                    <th>发起人/股东</th>
                    <th>认缴出资额</th>
                    <th>实际出资额</th>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>唐正英</td>
                    <td>-</td>
                    <td>-</td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>王涛</td>
                    <td>-</td>
                    <td>-</td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>陆海洋</td>
                    <td>-</td>
                    <td>-</td>
                  </tr>
                  <tr>
                    <td>4</td>
                    <td>黄叔铭</td>
                    <td>-</td>
                    <td>-</td>
                  </tr>
                  <tr>
                    <td>5</td>
                    <td>黄毅</td>
                    <td>-</td>
                    <td>-</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <h4 class="card-title">变更记录</h4>
            <div class="table-responsive">
              <table class="table table-bordered mb-0">
                <tbody>
                  <tr>
                    <th>序号</th>
                    <th>变更日期</th>
                    <th>变更项目</th>
                    <th>变更前</th>
                    <th>变更后</th>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>2017-06-22</td>
                    <td>股份有限公司股东变更</td>
                    <td>陆海洋,唐正英,黄叔铭</td>
                    <td>陆海洋,唐正英,黄叔铭,王涛,黄毅</td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>2017-06-22</td>
                    <td>投资人</td>
                    <td>陆海洋,唐正英,黄叔铭</td>
                    <td>陆海洋,唐正英,黄叔铭,王涛,黄毅</td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>2017-06-22</td>
                    <td>注册资本</td>
                    <td>120万(元)</td>
                    <td>650万(元)</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <h4 class="card-title">图谱关系</h4>
            <div id="post_statement"><p> 特别声明：本文新闻来源“Zaker”，版权归原作者所有，内容仅代表作者本人观点，不代表思通数据的立场。如有任何疑问或需要删除，请联系kf@stonedt.com</p></div>
          </div>
        </div>
      </div>
    </div>
  </Layout>
</template>
<script>
import Layout from "../../layouts/main";
export default {
  components: {
    Layout,
  },
  data () {
    return {
      items: [
        {
          text: "数仓管理",
          url: "/datahouse",
        },{
          text: "工商详情",
          url: "/",
        }
      ],
    }
  },
  methods: {
    jump(i){
      if(i==this.items.length-1){
        return;
      }
      this.$router.push(this.items[i].url)
    }
  }
}
</script>
<style lang="scss" scoped>
.card-title{
  font-size: 18px;
  font-weight: 600;
  span{
    color: #505d69;
    font-size: .8rem;
    font-weight: normal;
    float: right;
    padding-top: 5px;
  }
}
.basicInfo{
  span{
    margin-left: 20px;
  }
  span:first-child{
    margin-left: 0px;
  }
}
#post_statement {
  margin-top: 20px;
  font-size: 12px;
  text-align: center;
}
.newstyle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  .breadcrumb-item{
    span{
      cursor: pointer;
    }
  }
  .breadcrumb-item:last-child{
    span{
      cursor: default;
    }
  }
}
.title_right{
  font-weight: normal;
  font-size: 0.7rem;
  color: #74788d;
}
.detail-content{
  .table-responsive{
    margin-bottom: 2rem;
  }
  .tb,th {
    background: #F2F9FC;
  }
}

</style>
